import React, { Component } from 'react';
import { View, Text, Image } from 'react-native';

export default class Detail extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render () {
    return (
      <View
        style={{
          flexDirection: 'column',
          alignItems: 'center',
        }}>
        <Image
          style={{ width: 200, height: 200 }}
          source={{ uri: this.props.route.params.item.img }}
        />

        <Text style={{ fontSize: 20 }}>
          歌曲名：{this.props.route.params.item.name}
        </Text>
        <Text style={{ fontSize: 20 }}>
          歌手名：{this.props.route.params.item.singer}
        </Text>
      </View>
    );
  }
}
